$(function(){
  /**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-11-24 09:52:22
 * @tcolord2 飞入效果
 */
 $(window).scroll(function(){
    var flag = true;
    var T=$(window).scrollTop();
    var t=$(".tColour ").offset().top-220;
      if (T>t){
            if (flag){
            $(".main .tColour .bd").children("a").addClass("move");
            flag = false;
            }
            }else{
            $(".main .tColour .bd").children("a").removeClass("move");
              flag = true;
            }
 })

  /**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-11-24 09:52:22
 * @进阶篇轮播
 */
  
    $(".bd p").hide();
    // 克隆第一幅图片
    $(".bannerImg").children("li").eq(0).clone().appendTo($(".bannerImg"));
    var W=$(".banner").width();
    var len=$(".bannerImg li").size();
    $(".bannerImg").width(len*W);
    // 轮播动画
    var i=0;
    var t;
    function move(){
      if(i==len){
        $(".bannerImg").css({left:0});
        i=1;
      }
      if(i==-1){
        $(".bannerImg").css({left:W*i});
        i=2;
      }
      setTimeout(function(){
        if(i==len-1){
        $(".bannerBtn li").eq(0).addClass("current").siblings().removeClass("current");
      }else{
        $(".bannerBtn li").eq(i).addClass("current").siblings().removeClass("current");
      }
      },300)
      $(".bannerImg").animate({left:-i*W},500);
    }
    t=setInterval(
      function(){
        i++;
        move();
      },4000)
    // 鼠标按上停止，鼠标离开继续
    $(".bd").mouseenter(function(){
       $(".bd p").show();
      clearInterval(t);
    }).mouseleave(function(){
       $(".bd p").hide();
       t=setInterval(
      function(){
        i++;
        move();
      },4000);
    })
    // 单击相应的按钮实现相应的图片切换
    $(".bannerBtn li").click(function(){
      var index=$(this).index();
      $(".banner .bannerImg").stop().animate({left:-index*W},200);
      $(".bannerBtn li").removeClass("current").eq(index).addClass("current");
    })
    // 前进后退按钮
    $(".next").click(function(){
      i++;
      move()
    })
     $(".prev").click(function(){
      i--;
      move();
    })
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-11-24 09:52:22
 * @右侧滚屏效果
 */
        $(".sectionNav li").click(function(){
            var index=$(this).index();
            var T=$(".main .d"+index).offset().top-300;
            $("html,body").animate({scrollTop:T},"fast");
            });
          $(".sectionNav .goTop").hover(function(){
             $("html,body").animate({scrollTop:0},"easein");
          });

        $(window).scroll(function(){
            var size=$(".sectionNav li").size();
            var T=$(window).scrollTop();
            if(T>0){
               $(".sectionNav").css({position:"fixed"});
            }else{
               $(".sectionNav").css({position:"absolute"});
            } 
            for(var j=0;j<size-1;j++){
              var t=$(".main .d"+j).offset().top-300;
              if (T>=t){
                $(".sectionNav li").eq(j).addClass("focus").siblings().removeClass("focus");
              }
              if(T<=700){
                $(".sectionNav li").eq(0).removeClass("focus");
              }
            }
        });
})



